/*
 * @FilePath: 1.js
 * @Author: 杜芬
 * @Date: 2024-05-15 18:51:47
 * @LastEditors: 
 * @LastEditTime: 2024-05-15 18:51:52
 * Copyright: 2024 xxxTech CO.,LTD. All Rights Reserved.
 * @Descripttion: 页面
 */
import react from 'react'
import { useState } from 'react';
import './index.css'

function App() {

  const [count, setCount] = useState(0)

  const handleClick = () => {
    setCount(count+1)
  }
  // 、行内样式
  let style = {
    color:'green',
    fontSize:'50px'
  }
  return (
    <div className="App">
    {/* 行内样式 */}
  <div  style={{color:'red',fontSize:'50px'}}>
  12121212 this is app
  </div>
  <div style={style}>12451144</div>
  {/* 通过class 类名 控制 */}
  <div className='foo'>blue 123456789</div>
   <button onClick={handleClick}>{count}</button>
    </div>
  );
}

export default App;
